<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>{$activity.name}</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="msapplication-tap-highlight" content="no">
		<meta content="telephone=no" name="format-detection">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/Static/css/simcss.css" />
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/Static/css/buttons.css" />
		<script src="__PUBLIC__/Static/js/zepto.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="__PUBLIC__/Static/js/simapp.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var userInfo = {: json_encode($userInfo)
			};
			var activity = {: json_encode($activity)
			};
			var hostInfo = {: json_encode($hostInfo)
			};
			 // 分享内容
			var wechatData = {
				app: '',
				img: activity.pic,
				link: activity.shareUrl,
				desc: activity.description,
				title: activity.name
			};
		</script>
		<style type="text/css">
			body {
				background: #cccccc url(__STYLE__/Box/images/bg.png) repeat;
			}
			.float-right{
			    float: right;
			}
			.display-none{
			    display: none;
			}
			.activity-topbar h2 {
				font-size: 22px;
				color: #87318C;
				padding: 10px;
				border-top: #87318C solid 5px;
				border-bottom: #87318C solid 5px;
			}
			.activity-process {
				margin: 0 20px 20px;
				background: #fff;
				color: #494949;
				border-radius: 5px;
				padding: 10px;
				text-align: left;
			}
			.activity-process h3 {
				color: #87318C;
				border-bottom: #87318C dashed 1px;
				margin: 0;
				padding: 3px 0;
				font-size: 18px;
			}
			.activity-process h3 span {
				float: right;
				font-size: 70%;
			}
			.activity-process li {
				margin-left: -10px;
			}
			.activity-action {
				margin: 0 20px 20px;
			}
			.button-block {
				margin: 5px auto;
			}
			.max-height {
				max-height: 160px;
				overflow-y: auto;
			}
			.activity-prize {
				margin: 0 20px 20px;
				color: #494949;
				border-radius: 5px;
				padding: 10px;
				text-align: left;
			}
			.activity-prize-container {
				text-align: center;
				/*border: #fff solid 1px;*/
				border-radius: 50%;
				position: relative;
				/*background: #fff;*/
			}
			.activity-prize-container h4 {
				font-size: 16px;
				background: #F68A2A;
				border-radius: 200px;
				height: 32px;
				line-height: 32px;
				color: #fff;
				position: absolute;
				padding: 0 10px;
			}
			.activity-prize-container img {
				width: 100%;
				max-width: 200px;
				border-radius: 10%;
			}
			.activity-register{
            }
            .activity-register form input{
                display: block;
                width: 100%;
                box-sizing: border-box;
                margin: 3px 0;
                border-radius: 3px;
                border: #005065 solid 1px;
                padding: 5px;
            }
			.footer {
				margin: 10px;
			}
		</style>
	</head>

	<body>

		<div class="wrapper activity-bg">
			<div class="activity-topbar">
				<h2>{$activity.name}</h2>
			</div>
			<div class="activity-main">

				{__CONTENT__}

				<div class="activity-process">
					<h3>活动流程</h3>
					<ol>
						<li>关注公众账号</li>
						<li>发起活动，建立活动账号</li>
						<li>邀请朋友，帮我拆盒子</li>
						<li>拆开盒子，换取奖品</li>
					</ol>
				</div>
				<div class="activity-action">
                    <a href="__CONTROLLER__/rule/cid/{$activity.cid}/aid/{$activity.id}" class="button button-block button-flat-action button-rounded">查看活动规则</a>
                    <a href="__CONTROLLER__/index/cid/{$activity.cid}/aid/{$activity.id}" class="button button-block button-flat-primary button-rounded">返回活动首页</a>
				</div>
			</div>
			<div class="footer">
				<p><a href="tel:4006050805">观元科技</a> 提供技术平台</p>
			</div>
		</div>

		<script src="__PUBLIC__/Static/js/wechat.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function() {
				wechat('friend', wechatData); // 朋友
				wechat('timeline', wechatData); // 朋友圈
			});
		</script>
	</body>

</html>
